{% extends 'layouts/blank.html' %}
{% block content %}
<div class="flex flex-col md:flex-row md:justify-end">
    <div class="w-full! md:w-72! lg:w-72! px-4 pt-2">
        {% include 'includes/sidebar.html' %}
    </div>
    <div class="flex w-full justify-start items-center py-2 px-3 md:px-8">
        <div class="rounded-md w-full min-[1200px]:w-3xl! md:ml-10 min-[1600px]:ml-40! px-4 py-4 md:pb-6 border
                    bg-slate-100 dark:bg-slate-800 creme:bg-creme-dark-light
                    border-slate-300 dark:border-slate-700 creme:border-creme-dark [&>a]:inline-block">
            <div class="text-3xl font-bold">Support</div>
            <p class="pt-4">
                Hi, I am mrmn2 the developer of PdfDing. I hope you enjoy using PdfDing as much as I enjoy developing
                it. If you want to give back you can support me on various platforms. This allows me to spend more
                time on improving PdfDing. Thanks!
            </p>
            <div class="text-xl font-bold py-1">Buy me a coffee</div>
            <a href="https://www.buymeacoffee.com/mrmn2"
               target="_blank">
                <img class="h-10" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png">
            </a>
            <div class="text-xl font-bold pt-2 pb-1">Ko-Fi</div>
            <a href='https://ko-fi.com/mrmn2'
               target='_blank'>
                <img class="h-10" src='https://storage.ko-fi.com/cdn/kofi5.png?v=6'/>
            </a>
            <div class="text-xl font-bold pt-2 pb-1">Github Sponsors</div>
            <a href="https://github.com/sponsors/mrmn2" target="_blank">
              <img class="h-9" src="https://img.shields.io/badge/Sponsor-%23475569?style=flat&logo=github"/>
            </a>
        </div>
    </div>
</div>
{% endblock %}
